<!DOCTYPE HTML>
<html>
<head>
<meta charset="=ISO-8859-1" http-equiv="Content-Type" content="text/html">
<script type="text/javascript" src="./javascript/jquery.js"></script>
<script type="text/javascript" src="./javascript/tocadisco.js"></script>
<!--  <script type="text/javascript" src="/javascript/tocadisco2.js"></script>
<script type="text/javascript" src="/javascript/tocadisco3.js"></script>-->

<link rel="stylesheet" href="./stylus/tocadisco.css">
<title>Tocadisco</title>
</head>
    <body class="room-for-player">
		<header id="topbar">
			<div id="header">
			<span id="logo">Tocadisco</span>
			<span id="betagoogle">beta</span>
			</div>
			<div id="nav-container"></div> 
		</header>
		<nav id="wrapper">
			<div id="app">
			<div id="result">
				<form id="search" method="GET">
					<span class="input-reduce">
					<input name="q"  placeholder="search" type="search">
						<span class="input-clear"></span>
					</span>	
				</form>
				<ul class=\"song-list\">
				</ul>
			</div>
			</div>
		</nav>
	<footer>
		<div id="player_queue" class="iu-resizable" style="top: -60px; left: 0px;width: auto; height:auto;" >
			<div id="playerDetails" class="Main_background">
				<div id="playerDetails_queue"></div>
				<div id="player_queue_resize" class="main_asset iu-resizable-handle ui-resizable-n" title="Arrastra para cambiar el tamano" data-translate-title="QUEUE_RESIZE_HANDLE"></div>
				<div id="playerDetails_nowPlaying"></div>
			</div>
			<div id="queue" tabindex="9999" style="height:auto ;" class="size-s">
				<div id="queue_list_window" class="queue viewport" style="display: block; ">
                <ol id="queue_list" class="queue medium overview empty" style="width: 1363px; ">
					<li class="queue-item queue-item-active" style="left: 0px; z-index: 9000" rel="0" data-queuesongid="1">
						<div class="queue-item-content">
							<div id="1" rel="12143199" class="active queueSong">
								<a class="remove" title=""></a>
								<div class="albumart">
									<div class="radio_options ">
										<a class="smile " title="�M�s de esto!"></a>
										<a class="frown " title="No, ign�ralo."></a>
									</div>
									<div class="song_options  ">
										<a class="collection  textToggle" title="A�adir a Favoritos"></a>
										<a class="options selectbox" title="Opciones"></a>
									</div>
									<a class="play paused" rel="1"></a>
									<img src="http://images.grooveshark.com/static/albums/70_100795.jpg" height="100%" width="100%">
								</div>
								<a title="Drive (acoustic)" class="queueSong_name song ellipsis" rel="12143199">Drive (acoustic)</a>
								<a href="#!/artist/Incubus/170" title="Incubus" class="queueSong_artist artist ellipsis">Incubus</a>
							</div>
						</div>
					</li>
					<li class="queue-item" style="left: 144px; z-index: 8999" rel="1" data-queuesongid="2">
						<div class="queue-item-content">
							<div id="2" rel="32464543" class=" queueSong">
								<a class="remove" title=""></a>
								<div class="albumart">
									<div class="radio_options ">
										<a class="smile " title="�M�s de esto!"></a>
										<a class="frown " title="No, ign�ralo."></a>
									</div>
									<div class="song_options  ">
										<a class="collection  textToggle" title="A�adir a Favoritos"></a>
										<a class="options selectbox" title="Opciones"></a>
									</div>
									<a class="play paused" rel="2"></a>
									<img src="http://images.grooveshark.com/static/albums/70_album.png" height="100%" width="100%">
								</div><a title="A Real Hero" class="queueSong_name song ellipsis" rel="32464543">A Real Hero</a>
								<a href="#!/artist/College+Feat+Electric+Youth/2092241" title="College feat Electric Youth" class="queueSong_artist artist ellipsis">College feat Electric Youth</a>
							</div>
						</div>
					</li>
				</ol>
            </div>
			<div class="scrollbar disable" style="width: 1356px; ">
                <div class="track" style="width: 1356px; ">
                    <div id="queue_scrollbar_track_inner" class="queue_scrollbar_background">
                        <div class="thumb ui-slider-handle" style="width: 1356px; left: -11244.65306122449px; ">
                            <div id="queue_scrollbar_thumb_inner" class="queue_scrollbar_background">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			</div>
		</div>
		<div class="bottombar">
			<div id="station-controls" class="hidden"></div>
			<div id="player">
				<audio id="audio" controls="controls">
				</audio>
			</div>
			<div id="controls" class="playing">
				<div id="now-playing">
					<span class="playing-title"></span>
					<span class="playing-artist"></span>
				</div>
				<div id="progress">
					<span id="played" class="played"></span>/<span id="total" class="total"></span>
				</div>
			</div>
		</div>	
	</footer
    </body>
</html>